<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>权限管理系统</title>
    <style>
        .mb10 {
            margin-bottom: 10px
        }

        input {
            height: 25px;
        }
        select {
            height: 25px;
        }
        .btn_closse {
            float: right;
            height: 15px;
            width: 15px;
            background: url('plug-in/easyui/themes/icons/cancel.png');
            background-size: 100%;
        }
    </style>
    <link href="plug-in/insdepUI/reset.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="plug-in/insdepUI/icon.css">
    <link href="plug-in/insdepUI/easyui_full.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="plug-in/insdepUI/plus/panel/message_standard_panel/style.css">
    <script type="text/javascript" src="plug-in/insdepUI/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="plug-in/insdepUI/jquery.easyui-1.5.2.min.js"></script>
    <script type="text/javascript" src="plug-in/insdepUI/insdep-extend.min.js"></script>

    <!--<link rel="stylesheet" type="text/css" href="plug-in/easyui/themes/bootstrap/easyui.css">
    <link rel="stylesheet" type="text/css" href="plug-in/easyui/themes/icon.css">
    <script src="plug-in/easyui/jquery.min.js"></script>
    <script src="plug-in/easyui/jquery.easyui.min.js"></script>-->

    <script src="jquery-extend.js"></script>
    <script src="index.js"></script>
</head>

<body>
<div class="easyui-layout" fit="true">
    <div data-options="region:'north'" style="height:12%;padding:10px;">
        <div class="left">
            <h2 style="float: left;">欢迎使用《物流系统》</h2>
        </div>
        <div style="float: right;height: 60px; vertical-align: middle">
            <img style="height: 60px ;vertical-align:top" src="plug-in/insdepUI/theme.default/images/portrait_250x250.png">
            <div style="display: inline-block; height: 60px ;">
                <span id="currentUserNick" style="font-size: 16px;"></span>
                <br/>
                <a href="javascript:void(0);" class="easyui-linkbutton" onclick="logOut()">退出登录</a>
            </div>
        </div>
    </div>
    <div data-options="region:'west',split:true" style="width:12%;position: static;">
        <ul id="menu_tree">

        </ul>
    </div>
    <div data-options="region:'center'">
        <div id="option_tab" class="easyui-tabs" fit="true">
        </div>
    </div>
</div>


<!-- 登陆弹框begin -->
<div id="login_dl" class="easyui-dialog" closed="true" title="请登录" style="width:350px;height:250px; padding: 10px"
     data-options="iconCls:'icon-man',closable:false,closed:true,resizable:true,modal:true,buttons:'#tb_login_dl'">
    <form id="form_login" method="post" style="text-align: center;vertical-align: middle;">
        <div class="mb10">
            <input class="easyui-validatebox" style="width: 200px;" placeholder="用户名" type="text" name="account" data-options="required:true"/>
        </div>
        <div class="mb10">
            <input class="easyui-validatebox" style="width: 200px;" placeholder="密码" type="password" name="pwd" data-options="required:true"/>
        </div>
        <div class="mb10">
            <input class="easyui-validatebox" style="width: 100px;" placeholder="验证码" type="text" name="imgCode" data-options="required:true"/>
            <img id="imgCodeE" onclick="refreshImgCode()" style="width: 95px; height: 30px;" align="middle"/>
        </div>
    </form>
</div>
<div id="tb_login_dl">
    <span onclick="doLogin()" class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true">登录</span>
</div>
<!-- 登陆弹框end -->
<!-- 气泡消息 -->
<div id="bubbleMsgParent" style="position: absolute;bottom: 0px;right: 0px;">
    <!-- 这个DIV用于放置气泡消息 -->
</div>

</body>
</html>